<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>jquery源码解析视频81-1</title>
    <script src="../jquery-2.0.3.js?v=1"></script>
  </head>

  <body>
    <input type="checkbox" />

    <div><script>alert(11)</script></div>
    <script>
      $(function () {
        // Support: IE >= 9， fixInput
        $("input").prop("checked", true);
        /**
         * 1、appendTo
         * 方法作用：把所有匹配的元素追加到指定的元素元素集合中，将内容插入标签。
         * 前面是要插入的元素内容，而后面是被插入的对象。
         * 使用格式
         * $(content).appendTo(selector);
         **/
        // $("input").clone().appendTo("body");

        /**
         * append()
         * 方法作用：向每个匹配的元素内部追加内容，在标签中插入内容。
         * 前面是被插入的对象，后面是要在对象内插入的元素内容。
         * 使用格式
         * $(selector).append(content)
         **/
        let cloneInput = $("input").clone();
        $("body").append(cloneInput);

        // setGlobalEval：js全局化，只会执行一次, 注释setGlobalEval方法，感觉没有起作用还是执行一次

      });
    </script>
  </body>
</html>
